<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="../css/base.css"/>
    <link rel="stylesheet" type="text/css" href="../css/car-home.css"/>
</head>
<body style="background: #fff;">
<div class="installment-plan" id="app" v-cloak>
    <div class="plan-head flex flex-align">
        <img :src="imgUrl+imgHead" alt=""/>
        <div class="txt">
            <p class="tit t-hide2">{{carInfo.carName}}</p>
            <p class="price">{{carInfo.price}}万</p>
            <p class="recommend hidden">
                <span>推荐:30%</span>
                <span>月供:{{carInfo.monthlyPay}}元</span>
                <span>共{{carInfo.monthTerm}}期</span>
            </p>
        </div>
    </div>
    <p class="con-tit">产品名称</p>
    <p class="con-txt" style="border-bottom:5px solid #f2f2f2;">{{creditProduct.cpName}}</p>
    <p class="con-tit">贷款方案</p>
    <p class="con-plan-tit">12期</p>
    <dl>
        <dt>首付</dt>
        <dt>月供</dt>
        <dt>利息</dt>
        <dd>30%</dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.3)*(1+creditProduct.cpRate12/100*12)/12*10000).toFixed(0)}}元
        </dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.3)*(creditProduct.cpRate12/100*12)*10000).toFixed(0)}}元
        </dd>
        <dd>40%</dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.4)*(1+creditProduct.cpRate12/100*12)/12*10000).toFixed(0)}}元
        </dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.4)*(creditProduct.cpRate12/100*12)*10000).toFixed(0)}}元
        </dd>
        <dd>50%</dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.5)*(1+creditProduct.cpRate12/100*12)/12*10000).toFixed(0)}}元
        </dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.5)*(creditProduct.cpRate12/100*12)*10000).toFixed(0)}}元
        </dd>
        <dd>60%</dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.6)*(1+creditProduct.cpRate12/100*12)/12*10000).toFixed(0)}}元
        </dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.6)*(creditProduct.cpRate12/100*12)*10000).toFixed(0)}}元
        </dd>
    </dl>
    <p class="remarks">注：以上贷款方案费用不包括购置税、保险、GPS等费用，请以实际核算为准。</p>
    <p class="con-plan-tit">24期</p>
    <dl>
        <dt>首付</dt>
        <dt>月供</dt>
        <dt>利息</dt>
        <dd>30%</dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.3)*(1+creditProduct.cpRate24/100*24)/24*10000).toFixed(0)}}元
        </dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.3)*(creditProduct.cpRate24/100*24)*10000).toFixed(0)}}元
        </dd>
        <dd>40%</dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.4)*(1+creditProduct.cpRate24/100*24)/24*10000).toFixed(0)}}元
        </dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.4)*(creditProduct.cpRate24/100*24)*10000).toFixed(0)}}元
        </dd>
        <dd>50%</dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.5)*(1+creditProduct.cpRate24/100*24)/24*10000).toFixed(0)}}元
        </dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.5)*(creditProduct.cpRate24/100*24)*10000).toFixed(0)}}元
        </dd>
        <dd>60%</dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.6)*(1+creditProduct.cpRate24/100*24)/24*10000).toFixed(0)}}元
        </dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.6)*(creditProduct.cpRate24/100*24)*10000).toFixed(0)}}元
        </dd>
    </dl>
    <p class="remarks">注：以上贷款方案费用不包括购置税、保险、GPS等费用，请以实际核算为准。</p>
    <p class="con-plan-tit">36期</p>
    <dl>
        <dt>首付</dt>
        <dt>月供</dt>
        <dt>利息</dt>
        <dd>30%</dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.3)*(1+creditProduct.cpRate36/100*36)/36*10000).toFixed(0)}}元
        </dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.3)*(creditProduct.cpRate36/100*36)*10000).toFixed(0)}}元
        </dd>
        <dd>40%</dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.4)*(1+creditProduct.cpRate36/100*36)/36*10000).toFixed(0)}}元
        </dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.4)*(creditProduct.cpRate36/100*36)*10000).toFixed(0)}}元
        </dd>
        <dd>50%</dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.5)*(1+creditProduct.cpRate36/100*36)/36*10000).toFixed(0)}}元
        </dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.5)*(creditProduct.cpRate36/100*36)*10000).toFixed(0)}}元
        </dd>
        <dd>60%</dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.6)*(1+creditProduct.cpRate36/100*36)/36*10000).toFixed(0)}}元
        </dd>
        <dd>
            {{((carInfo.price-carInfo.price*0.6)*(creditProduct.cpRate36/100*36)*10000).toFixed(0)}}元
        </dd>
    </dl>
    <p class="remarks">注：以上贷款方案费用不包括购置税、保险、GPS等费用，请以实际核算为准。</p>
    <div class="apply">
        <p class="apply-tit">申请条件</p>
        <p v-show="creditProduct.cpRequirecar" class="apply-m-tit">车辆要求</p>
        <p v-show="creditProduct.cpRequirecar" class="apply-m-txt">
            {{creditProduct.cpRequirecar}}</p>
        <p v-show="creditProduct.cpRequiremodel" class="apply-m-tit">车型要求</p>
        <p v-show="creditProduct.cpRequiremodel" class="apply-m-txt">
            {{creditProduct.cpRequiremodel}}</p>
        <p v-show="creditProduct.cpRepayment" class="apply-m-tit">还款方式</p>
        <p v-show="creditProduct.cpRepayment" class="apply-m-txt">{{creditProduct.cpRepayment}}</p>
        <p v-show="creditProduct.cpFinance" class="apply-m-tit">融资额度</p>
        <p v-show="creditProduct.cpFinance" class="apply-m-txt">{{creditProduct.cpFinance}}</p>
        <p v-show="creditProduct.cpMaterial" class="apply-m-tit">申请材料</p>
        <p v-show="creditProduct.cpMaterial" class="apply-m-txt">{{creditProduct.cpMaterial}}</p>
    </div>
    <div style="height:60px;">
        <a class="tel" style="background: #86130e" href="tel:400 880 9993"><span
                class="font-icon font-icon-phone" style="color:#fff;"></span>申请贷款热线 400 880 9993</a>
    </div>
</div>
</body>
<script type="text/javascript" src="../js/api.js"></script>
<script type="text/javascript" src="../js/key.js"></script>
<script type="text/javascript" src="../js/vue.min.js"></script>
<script type="text/javascript">
connectedBridge.sendParam();
	var vm=new Vue({
		el:'#app',
		data:{
                   carInfo:'',
                   creditProduct:'',
                   imgHead:'',
                   imgUrl:imageurl,
                   imgThuurl:imagethuurl,
		},
		methods:{
                   init:function(data){
                   vm.carInfo=data.carInfo;
                   vm.creditProduct=data.creditProduct;
                   vm.imgHead=data.postImgSrc
                   }
		},
	})
    vm.init(data)

</script>
</html>
